<template>
	<view class="page-body bg-f7">
		<view class="header">
			<view class="text">
				<view class="f32"><text class="iconfont icon-shizhong"></text>待提货</view>
				<view class="f26">发广州仓库</view>
			</view>
			<view class="content shadow-lg shadow-warp">
				<view class="row f32">
					<text class="icon-ren mr10"></text>
					显示供应商名称
				</view>
				<view class="row f32">
					<text class="icon-gong mr10"></text>
					共 <text class="text-red plr10">10</text> 件货
				</view>
				<view class="f26">
					<view class="row">物流公司：这里显示物流公司名称</view>
					<view>物流单号：这里显示物流单号</view>
				</view>
			</view>

			<view class="contenter">
				<view class="gridList shadow-lg shadow-warp">
					<view class="gridItem col-6" @click="showModel('takeGoods')">
						<text class="iconfont icon-tihuo1 text-red"></text>
						<view class="f32">提货</view>
					</view>
					<view class="gridItem col-6 solid-left" @click="showModel('sendGoods')">
						<text class="iconfont icon-jikuaidi text-blue"></text>
						<view class="f32">寄货</view>
					</view>
				</view>
			</view>

			<!-- <button type="primary" @click="showModel('deliveryNote')">测试</button> -->
		</view>

		<cu-modal v-model="modalName" id="takeGoods" title="提货" :btn="btn">
			<view slot="content">
				<view class="cu-form-group">
					<view class="title">收货地址</view>
					<picker class="flex1">
						<input placeholder="读取收货地址"></input>
					</picker>
				</view>
				<view class="cu-form-group">
					<view class="title">寄货件数</view>
					<input placeholder="读取件数"></input>
				</view>
				<view class="cu-form-group">
					<view class="title">物流费用</view>
					<view class="flex1">
						<radio-group class="radio-group" bindchange="radioChange">
							<radio class="mr20">
								<text>到付</text>
							</radio>
							<radio :checked="true">
								<text>寄付</text>
							</radio>
						</radio-group>
					</view>
				</view>
				<view class="cu-form-group">
					<view class="title">物流金额</view>
					<input placeholder="如果是到付,这一栏不显示"></input>
					<text class="text-red">元</text>
				</view>
			</view>
		</cu-modal>

	<!-- 	<cu-modal v-model="modalName" id="sendGoods" title="寄货" :btn="btnn">
			<view slot="content">
				<view class="cu-form-group">
					<view class="title">收货地址</view>
					<picker class="flex1">
						<input placeholder="读取收货地址"></input>
					</picker>
				</view>
				<view class="cu-form-group">
					<view class="title">寄货件数</view>
					<picker class="flex1">
						<input placeholder="读取件数"></input>
					</picker>
				</view>
				<view class="cu-form-group">
					<view class="title">寄货方式</view>
					<view class="flex1">
						<radio-group class="radio-group" bindchange="radioChange">
							<radio class="mr20">
								<text>快递</text>
							</radio>
							<radio :checked="true">
								<text>物流</text>
							</radio>
						</radio-group>
					</view>
				</view>
				<view class="cu-form-group">
					<view class="title">物流公司</view>
					<picker class="flex1">
						<input placeholder="选择物流公司"></input>
					</picker>
				</view>
				<view class="cu-form-group">
					<view class="title">物流单号</view>
					<picker class="flex1">
						<input placeholder="输入物流单号"></input>
					</picker>
				</view>
				<view class="cu-form-group">
					<view class="title">物流费用</view>
					<view class="flex1">
						<radio-group class="radio-group" bindchange="radioChange">
							<radio class="mr20">
								<text>到付</text>
							</radio>
							<radio :checked="true">
								<text>寄付</text>
							</radio>
						</radio-group>
					</view>
				</view>
				<view class="cu-form-group">
					<view class="title">物流金额</view>
					<picker class="flex1">
						<input placeholder="如果是到付,这一栏不显示"></input>
					</picker>
				</view>
				<view class="cu-form-group">
					<view class="title">物流凭证</view>
					<div class="flex1 ptb20">
						<yl-upload></yl-upload>
					</div>
				</view>
			</view>
		</cu-modal> -->
		<cu-modal v-model="modalName" id="sendGoods" title="寄货" :btn="btnn">
			<view slot="content">
				<view class="cu-form-group">
					<view class="title">收货地址</view>
					<picker class="flex1">
						<input placeholder="读取收货地址"></input>
					</picker>
				</view>
				<view class="cu-form-group">
					<view class="title">寄货件数</view>
					<picker class="flex1">
						<input placeholder="读取件数"></input>
					</picker>
				</view>
				<view class="cu-form-group">
					<view class="title">寄货方式</view>
					<view class="flex1">
						<radio-group class="radio-group" bindchange="radioChange">
							<radio class="mr20">
								<text>快递</text>
							</radio>
							<radio :checked="true">
								<text>物流</text>
							</radio>
						</radio-group>
					</view>
				</view>
				<view class="cu-form-group">
					<view class="title">快递公司</view>
					<picker class="flex1">
						<input placeholder="选择物流公司"></input>
					</picker>
				</view>
				<view class="cu-form-group">
					<view class="title">快递单号</view>
					<picker class="flex1">
						<input placeholder="输入物流单号"></input>
					</picker>
				</view>
				<view class="cu-form-group">
					<view class="title">快递费用</view>
					<view class="flex1">
						<radio-group class="radio-group" bindchange="radioChange">
							<radio class="mr20">
								<text>到付</text>
							</radio>
							<radio :checked="true">
								<text>寄付</text>
							</radio>
						</radio-group>
					</view>
				</view>
				<view class="cu-form-group">
					<view class="title">快递金额</view>
					<picker class="flex1">
						<input placeholder="如果是到付,这一栏不显示"></input>
					</picker>
				</view>
				<view class="cu-form-group">
					<view class="title">快递凭证</view>
					<div class="flex1 ptb20">
						<yl-upload></yl-upload>
					</div>
				</view>
			</view>
		</cu-modal>
	</view>
</template>

<script>
	import cuModal from '@/common/components/cu-modal.vue';
	import ylUpload from '@/common/components/yl-upload.vue';
	export default {
		// name: 'home',
		data() {
			return {
				modalName: null,
				btn:['取消','确认无误'],
				btnn:['取消','确认无误'],
			}
		},
		components: {
			cuModal,
			ylUpload,
		},
		methods: {
			showModel(n) {
				this.modalName = n
			}
		}
	};
</script>

<style lang="less">

</style>
